<!--
 * @Author: 谢小康 2170673706@qq.com
 * @Date: 2024-01-08 18:34:38
 * @LastEditors: 谢小康 2170673706@qq.com
 * @LastEditTime: 2024-02-07 13:28:15
 * @FilePath: \My-bolg\My_Blog\src\components\footer.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="Myfoot">
        <h1>@ 一首歌的时间</h1>
        <h1><a href="">蜀ICP备2023025155号</a></h1>    
        <div class="option">
            <li>
                <a href="https://www.aliyun.com/?spm=5176.28055625.J_3207526240.1.6a27154aw7v5VK">
                    <img src="https://img.shields.io/badge/%E9%98%BF%E9%87%8C%E4%BA%91-%E8%BD%BB%E9%87%8F%E6%9C%8D%E5%8A%A1%E5%99%A8-orange">
                </a>
            </li>
            <li>
                <a href="https://imzbf.github.io/md-editor-v3/docs/index">
                    <img src="https://img.shields.io/badge/MdEditorV3-MD%E7%BC%96%E8%BE%91%E5%99%A8-159957">
                </a>
            </li>
            <li>
                <a href="https://www.qiniu.com/">
                    <img src="https://img.shields.io/badge/%E4%B8%83%E7%89%9B%E4%BA%91-%E5%AF%B9%E8%B1%A1%E5%AD%98%E5%82%A8-07beff">
                </a>
            </li>
        </div>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.Myfoot{
    padding-top: 20px;

    height: 90px;
    width: 100%;
    font-size: $font-size-s;
    @include userTheme {
        background: getThemeValue("footerColor");
    }
    
    h1{
        text-align: center;
        margin-bottom: 5px;
    }
    .option{
        margin-top: 10px;
        display: flex;
        justify-content: center;
        li{
            margin: 0 10px;
            img{
                height: 20px;
                width: 80px;
            }
        }
    }
}
</style>